<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: #6699F4;
			}
			.loginDiv{
				width: 550px;
				height: 530px;
				background-color: white;
				margin:0 auto;
				margin-top:30px;
				/* 左右为零 上下是居中 */
				text-align: center;
				/* 顶端内边距 */
				padding-top: 10px;
			}
			.loginInput{
				width: 426px;
				height: 55px;
				margin-top: 20px;
				border-radius: 5px;
				border:1px solid darkblue;
				padding-left: 30px;
				/* 文本框背景透明 */
				background-color: transparent;
				margin-left: -27px;
			}
			.btn_login{
				width: 426px;
				height: 55px;
				margin-top: 10px;
				background-color: #FF6B4D;
				margin-top: 10px;
				border: 1px solid #FF6B4D;
				border-radius: 5px;
				color: white;
				margin-bottom: 20spx;
			}
			.thirdLogin{
				margin-top: 20px;
			}
			.logpic{
				margin-left: 30px;
			}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<div style="text-align: center;">
				<img src="img/tit.png" width="250px"/>
			</div>
			<h1>
				毕业设计管理系统
			</h1>
			<div>
				<img src="img/user.png"><input type="text" class="loginInput" placeholder="请输入用户名"><br />
				<img src="img/password.png"><input type="password" class="loginInput" placeholder="请输入密码"/>
				<button class="btn_login" type="submit">登录</button><br>
				
			</div>
			<div class="thirdLogin">
				<img class="logpic" src="img/weixin.png">
				<img class="logpic" src="img/weibo.png">
				<img class="logpic" src="img/qq.png">
			</div>

			<div style="font-size: 10px;line-height: 20px;" id="div_2">
				开发者：刘旭 192062339 理学系<br>
				时间：2022/12/28</div>
			
			
		</div>
	</body>
</html>

